<template>
	<div class="md-tabs" :style="{marginTop: value.margin + 'px', padding: value.paddingy + 'px ' + value.paddingx + 'px'}">
		<div class="md-tabs-nav">
			<template v-for="(item, index) in value.lists">
				<div v-if="index == 0" class="md-tabs-tab" :style="{color: value.textColor, borderColor: value.textColor}">{{item.title || '选项卡'}}</div>
				<div v-else class="md-tabs-tab">{{item.title || '选项卡'}}</div>
			</template>
		</div>
		<div class="md-tabs-body" v-if="value.loadType == 1">
			<p>加载页面</p>
		</div>
	</div>
</template>

<script>
export default {
	name: 'tabsContent',
	props: {
		value: Object
	},
}
</script>

<style>
</style>